<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>iUI-JS - Mobile web framework for high-end devices</title>
	<meta name="description" content="iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for smartphones & mobile devices.">
	<link href="medias/images/favicon.png" rel="icon" type="image/png" /> 
	<link href="medias/images/favicon.ico" rel="shortcut icon" />
	<link rel="image_src" type="image/jpeg" href="medias/images/thumb.jpg" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

	<link rel='stylesheet' type='text/css' media="screen" href='medias/css/globals.css' />
	<link rel='stylesheet' type='text/css' media="screen" href='medias/css/index.css' />
	<!--[if lt IE 7]><link rel="stylesheet" type="text/css" media="screen" href="medias/css/ie6.css"><![endif]-->

	<script type='text/javascript' src="medias/scripts/global.js"></script>
</head>

<body>

	<div id="main">

		<div id="menu">
			<ul>
				<li><span class="logo"></span></li>
				<li><a href="index.html" class="home active"><span>Home</span></a></li>
				<li><a href="about.html" class="about"><span>About</span></a></li>
				<li><a href="demo.html" class="demo"><span>Demo</span></a></li>
				<li><a href="download.html" class="download"><span>Download</span></a></li>
				<li><a href="documentation.html" class="documentation"><span>Documentation</span></a></li>
				<li><a href="gallery.html" class="gallery"><span>Gallery</span></a></li>
				<li><a href="get-involved.html" class="involved"><span>Get Involved</span></a></li>
				<li><form method="GET" action="search" name="header_search">
					<a href="#" id="emptysearch" onclick="empty('search_q');hide(this.id)"></a>
					<input type="text" name="q" id="search_q" class="searchform" onFocus="checkHeaderSearch()" onKeyUp="checkHeaderSearch()" value="">
					<input type="submit" value="search" class="hide">
				</form></li>
			</ul>

		</div>

		<hr>

		<div id="header">
			<h1>iUI-JS</h1>
			<h2>web framework for smartphones & high-end devices</h2>
			<a class="btnBig" href="download.html">Download iUI 0.50</a>

			<div id="home1">
				<p>
					Create mobile websites & webapps with a native look-alike in no time.<br />
					<br />
					You don’t need to have any HTML5, CSS3 or Javascript skills.
				</p>
			</div>

			<div id="home2">
				<p>
					iUI supports iOS, Android, Rim OS6, MeeGo, Bada, WebOS, ... smartphones and tablets.<br />					<img src="medias/images/index-home-icons.png"><br />					Most recent desktop browsers are ok too!
				</p>
			</div>

			<div id="home3">
				<p>
					Create multi-columns navigation menus for your tablet users.<br />					<br />					Works on iPad, and also most Android tablets.
				</p>
			</div>
		</div>


		<div id="content">

			<div class="page_footer">

				<div class="col1">
					<h5>Meet iUI-JS</h5>
					<p>
						Get a closer look at all you can easily do using iUI<br />							<a href="demo.html">iUI video presentation</a>
					</p>
				</div>

				<div class="col2">
					<h5>Powered by iUI</h5>
					<p>
						Discover some iUI-powered webapps and submit yours!<br />							<a href="gallery.html">See the gallery</a>
					</p>
				</div>

				<div class="col3">
					<h5>iUI Theme Gallery</h5>
					<p>
						Browse our iUI theme gallery, and proudly submit yours<br />
						<a href="themes.html">See the gallery</a>
					</p>
				</div>

			</div>

		</div>

		<hr>

		<p id="footer">
			iUI-JS &copy; 2007 - iUI-JS is an opensource framwork released under LGPL license - <a href="sitemap.html">sitemap</a> - <a href="donate.html">DONATE</a>
		</p>

	</div>

	<script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script type='text/javascript'>
		var screenNb=1;
		window.onload=setInterval(function() {
			$('#home'+screenNb).fadeOut('slow');
			screenNb = (screenNb<3)?screenNb+1:1;
			$('#home'+screenNb).fadeIn('slow');
		}, 5000);
	</script>
</body>
</html>